#rozvoz-app{--bg:#f1f2f3;--card:#ffffff;--ink:#222426;--mute:#6a7076;--green:#2f3133;--brass:#d9b97a;--blue:#3f84c4;--line:#d9dcdf;--ok:#1f6b45}
#rozvoz-app *{box-sizing:border-box}
#rozvoz-app{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 Roboto,Arial,sans-serif}
#rozvoz-app .wrap{max-width:980px;margin:0 auto;padding:32px 20px 64px}
#rozvoz-app h1,#rozvoz-app h2{font-family:Roboto,Arial,sans-serif;font-weight:900;letter-spacing:.01em;margin:0;text-transform:uppercase}
#rozvoz-app h1{font-size:clamp(34px,6vw,56px);line-height:1.05;color:var(--green)}
#rozvoz-app h1::after{content:"";display:block;width:84px;height:6px;background:var(--brass);margin-top:14px;border-radius:3px}
#rozvoz-app h2{font-size:22px;margin-bottom:12px}
#rozvoz-app .lead{max-width:60ch;color:var(--mute);margin:12px 0 28px}
#rozvoz-app .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media(max-width:760px){#rozvoz-app .grid{grid-template-columns:1fr}}
#rozvoz-app .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
#rozvoz-app label{display:block;font-weight:600;margin:0 0 6px}
#rozvoz-app input[type=text],#rozvoz-app input[type=number]{width:100%;padding:11px 12px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:4px}
#rozvoz-app input:focus-visible,#rozvoz-app button:focus-visible{outline:3px solid var(--brass);outline-offset:1px}
#rozvoz-app .sug{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--card);max-height:200px;overflow:auto}
#rozvoz-app .sug:empty{display:none}
#rozvoz-app .sug li button{all:unset;display:block;width:100%;padding:9px 12px;cursor:pointer;box-sizing:border-box}
#rozvoz-app .sug li button:hover,#rozvoz-app .sug li button:focus-visible{background:var(--bg)}
#rozvoz-app .set{border:0;padding:0;margin:22px 0 0}
#rozvoz-app .set legend{font-weight:600;margin-bottom:8px;padding:0}
#rozvoz-app .chk{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;font-weight:400;margin:0}
#rozvoz-app .chk input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;display:inline-block!important;position:static!important;opacity:1!important;visibility:visible!important;flex:none;width:22px!important;height:22px!important;min-width:22px;margin:0!important;padding:0!important;border:2px solid #8a9096!important;border-radius:4px!important;background:#fff!important;cursor:pointer}
#rozvoz-app .chk input[type=checkbox]:checked{background:#3f84c4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important;border-color:#3f84c4!important}
#rozvoz-app .chk::before,#rozvoz-app .chk::after,#rozvoz-app .chk input::before,#rozvoz-app .chk input::after{content:none!important;display:none!important}
#rozvoz-app .hint{color:var(--mute);font-size:15px;margin:10px 0 0}
#rozvoz-app .result{display:flex;flex-direction:column;justify-content:space-between;background:#dfe2e5;color:#222426;border-color:#cdd1d5}
#rozvoz-app .price{font-family:Roboto,Arial,sans-serif;font-weight:900;font-size:clamp(56px,10vw,92px);line-height:1}
#rozvoz-app .price.free{color:#7a5810}
#rozvoz-app .meta{margin:10px 0 0;opacity:.9}
#rozvoz-app .bar{height:8px;background:rgba(0,0,0,.13);border-radius:4px;overflow:hidden;margin:18px 0 6px}
#rozvoz-app .bar i{display:block;height:100%;width:0;background:#b8923a;transition:width .3s}
#rozvoz-app .toggle{margin-top:16px}
#rozvoz-app .map{margin-top:20px;min-height:220px;display:grid;place-items:center;text-align:center;border-style:dashed;color:var(--mute)}
#rozvoz-app .err{color:#b3261e;font-size:15px;margin-top:6px;min-height:1.2em}
@media(prefers-reduced-motion:reduce){#rozvoz-app .bar i{transition:none}}
#rozvoz-app .mapcard{margin-top:20px}
#rozvoz-app #rz-map{height:380px;border-radius:10px;position:relative;z-index:0;margin-top:12px}
#rozvoz-app .leaflet-container img{max-width:none!important;max-height:none!important}
#rozvoz-app .leaflet-tooltip{font:600 13px Roboto,Arial,sans-serif;color:#222426}
#rozvoz-app .tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#rozvoz-app .tab{font:inherit!important;font-weight:600!important;padding:8px 16px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;color:var(--ink)!important;cursor:pointer;line-height:1.2!important;height:auto!important}
#rozvoz-app .tab.on{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}